<template>
    <div>
        <Head @add="handle" />

        <div class="body">
            <ul>
                <li v-for="(item, index) in lists" :key="index">{{ item }}</li>
            </ul>
        </div>
    </div>
</template>
  
<script>
import Head from '@/components/body2/Head.vue'
export default {
    components: {
        Head
    },
    data() {
        return {
            lists: ['html', 'css'],
            message: 'js'
        }
    },
    methods: {
        handle(val) {
            console.log(val);
            this.lists.push(val)
        }
    }
   
}
</script>
  
<style lang="css" scoped></style>